<template>
  <div
    style="height: 100%; background-color: #fff"
    v-debug="{ vms, models, dataSet }"
  >
    <component :is="view.type" v-bind="view.attrs" class="pg-w-[100%]">
      <equipmentTable :data="dataSet.tableData"></equipmentTable>
      <createModal :dataSet="dataSet"></createModal>
      <editModal :dataSet="dataSet"></editModal>
      <detailModal :dataSet="dataSet"></detailModal>
    </component>
  </div>
</template>

<script>
import equipmentTable from "./main/table.vue";
import ancMixin from "./ancMixin";
import createModal from "./createModal/createModal.vue";
import editModal from "./editModal/editModal.vue";
import detailModal from "./detailModal/detailModal.vue";

export default {
  name: "",
  components: { equipmentTable, createModal, editModal, detailModal },
  mixins: [ancMixin],
  data() {
    return {};
  },
  props: {},
  watch: {},
  computed: {
    view() {
      return {
        type: ["starGenView", "starTwoView", "starThreeView"][0],
        attrs: {
          left: 12,
          right: 12,
          middle: 0,
          minLeftHeight: "600px",
          title: {
            "en-US": "abc",
            "zh-CN": "仪表信息",
          }[this.G_Locale],
          fontStyle: {},
        },
      };
    },
  },
  created() {},
  mounted() {},
  methods: {
    show() {
      this;
    },
  },
};
</script>
<style>
.ivu-input[disabled],
fieldset[disabled] .ivu-input {
  background: #fff;
}
.ivu-input[disabled]:hover,
fieldset[disabled] .ivu-input:hover {
  background: #fff;
}
.ivu-select-disabled .ivu-select-selection {
  background: #fff;
}
</style>
